<template>
  <div>
    <div class="box">
      <Header></Header>
      <Banner></Banner>
      <Nav></Nav>
      <Kill></Kill>
      <GoodsList></GoodsList>
      <Footer></Footer>
    </div>   
  </div>
</template>

<script>
import Header from "@/components/Home/Header.vue";
import Banner from "@/components/Home/Banner.vue";
import Nav from "@/components/Home/Nav.vue";
import Kill from "@/components/Home/Kill.vue";
import GoodsList from "@/components/Home/GoodsList.vue";
import Footer from "@/components/Footer.vue";
export default {
  components: {
    Footer,
    Header,
    Banner,
    Nav,
    Kill,
    GoodsList
  },
};
</script>

<style scoped>
.box {
  background-color: #f4f4f4;
  width: 100%;
}
</style>

